<template>
    <div class="main">
        <ul>
            <li class="box-outer">
                <div class="left item">
                    <div class="img">
                       <span></span>
                    </div>
                    <div class="text">
                        <p>平台服务</p>
                    </div>
                </div>
                <div class="right item">
                    <p>2项 ></p>
                </div>
            </li>
            <li class="box-outer">
                <div class="left item">
                    <div class="img"></div>
                    <div class="text">
                        <p>平台服务</p>
                    </div>
                </div>
                <div class="right item">
                    <p>2项 ></p>
                </div>
            </li>
           <li class="box-outer">
                <div class="left item">
                    <div class="img"></div>
                    <div class="text">
                        <p>平台服务</p>
                    </div>
                </div>
                <div class="right item">
                    <p>2项 ></p>
                </div>
            </li>
           <li class="box-outer">
                <div class="left item">
                    <div class="img"></div>
                    <div class="text">
                        <p>平台服务</p>
                    </div>
                </div>
                <div class="right item">
                    <p>2项 ></p>
                </div>
            </li>
           <li class="box-outer">
                <div class="left item">
                    <div class="img"></div>
                    <div class="text">
                        <p>平台服务</p>
                    </div>
                </div>
                <div class="right item">
                    <p>2项 ></p>
                </div>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {}
</script>
<style scoped>
  .box-outer {
        display: flex;
        justify-content: space-between;
        padding:10px;
        border-bottom:1px solid #ccc; 
    } 
    .box-outer .left .img,.box-outer .left .text{
         display:inline-block;
         vertical-align:middle;
    }
    .box-outer .left .img{
        width:30px;
        height:30px;
        background:#ccc;
    }
</style>